@charset "UTF-8";

* { transition: all .5s linear; }
body { font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif, Helvetica, 'Hiragino Sans GB'; }
	a:hover{text-decoration:none;}
.container { min-width: 1200px; }
.content { color: #4f5257; line-height: 1.7; padding-top: 20px; }
.content p, .content span, .nd-content p, .nd-content span { font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif, Helvetica, 'Hiragino Sans GB' !important; -webkit-transition: none; -moz-transition: none; transition: none; }

.hd { position: absolute; top: 0; z-index: 3; width: 100%; min-width: 1200px; height: 70px; overflow: hidden; transition-duration: .1s; }
.hd > div { height: 100%; }

	.logo { margin: 15px 0 0 66px; }
		.logo img { width: 126px; height: 40px; }

	.menu { padding-top: 18px;}
		.menu > li { position: relative; padding-right: 60px;}
		.menu ul { z-index: -1; }
		.ie .menu ul { display: none; } 
		.menu span{ color: #4f5257; display: block; font-size: 16px; margin-top: 10px; }
		.menu .sub-toggle{ 
			/*background: url(../images/arrow1.png) no-repeat right 5px; */
			/*background: url(../images/arrow1.png) no-repeat right 8px\0; */
			padding-right: 15px; 
			cursor: pointer;
		}
		.menu .on ul { z-index: 1; }
		.ie .menu .on ul { display: block; } 
		.menu li:hover span { color: #2bdb93; }
		/*.menu li:hover .submenu { display: block; }*/
		/*.menu li:hover .sub-toggle { background-image: url(../images/arrow2.png); }*/
		.menu .btn-alpha:hover { background-color: #fff; }
		.menu a:hover { text-decoration: none; }

		.submenu { opacity: 0; position: absolute; white-space: nowrap; transition: all .1s linear; } 
		.submenu li { padding: 40px 30px 0 0; opacity: .7; }
		.submenu li:hover { opacity: 1; }
		.submenu a { /*background: url(../images/icn1.png) no-repeat left center;*/ color: #4f5257; font-size: 14px; display: block;}

	.hd.show { background-color: #fbfdfe; background-color: rgba(255,255,255,.8); }
	.hd.white { background-color: #fff !important; }
	.hd.white > div { width: 1200px; margin: 0 auto; }
	.hd.white > div .logo { margin-left: 0; }
	/*.hd.white .menu li:last-child { padding-right: 0; }*/
	
	.regist-now { margin-right: 5px; }
	.regist-now, .use-now { 
		border-radius: 32px; 
		display: inline-block; 
		font-size: 14px; 
		text-align: center; 
		width: 80px; 
		height: 32px; 
		line-height: 30px; 
	}

/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner1.jpg',sizingMethod='scale');*/
.silder { z-index: 1; }
	.silder .posa { 
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		width: 100%; 
		z-index: 1;
		
		-webkit-transition-duration: 1.5s;
		-moz-transition-duration: 1.5s;
		-ms-transition-duration: 1.5s;
		transition-duration: 1.5s;
	}
	.silder .active { z-index: 2; }
	.silder .mouse { background: url(../images/mouse.png) no-repeat; width: 60px; height: 60px; position: absolute; left: 50%;bottom: -30px; margin-left: -30px; z-index: 4; cursor: pointer; opacity: .5; }
	.silder .mouse:hover { opacity: .8; }
	.silder-left, .silder-right { cursor: pointer;position: absolute;width: 25px;height: 43px; top: 50%; margin-top: -26px;  z-index: 5; opacity: .3;}
	.silder-left { left: 5.8%; background: url(../images/silder-left.png) no-repeat; }  
	.silder-right { right: 5.8%; background: url(../images/silder-right.png) no-repeat;  }

	.silder-left:hover, .silder-right:hover { opacity: 1; }
	.silder-left:hover { left: 5%; }
	.silder-right:hover { right: 5%; }

.ie8 .silder, .ie8 .silder .posa { min-height: 900px; }

.w1200, .company, .news { width: 1200px; margin: 0 auto; }
.mzt{ background-color:#f8f8f8; text-align:center;}







.company { background: url(../images/company.png) no-repeat left center;width: 1200px; height: 467px; }
.jianjie{padding:150px 0 0 0;}
	.company p { color: #5b5c5f; font-size: 14px; text-indent:2em; padding: 6px 0 0 516px;}
	.company .btn-green { 
		border-radius: 32px; 
		display: block; font-size: 14px; text-align: center; 
		width: 80px; height: 32px; line-height: 32px; 
		margin: 10px 0 0 516px;
		
	}

.scene { background: #f5f5f8 url(../images/scene.png) no-repeat center 64px; height: 720px; padding-top: 218px; }
	.scene .list-theme { margin-right: -30px; overflow: hidden; }
	.scene .list-theme li { background-color: #fff; width: 580px; height: 440px; margin-right: 30px; position: relative; }
	.scene img { width: 580px; height: 266px; display: block; }
	.scene strong { display: inline-block; }
	.scene strong span { display: inline-block; padding-bottom: 8px; background-color:#2bdb93; font-size:36px; line-height:48px;padding:0 20px;}
	.scene .title, .scene .text { padding: 0 30px; }
	.scene .title { margin-top: 30px; text-align:center;}
	.scene .text { color: #5b5c5f; padding-top: 5px; line-height: 2.2; }
	.scene .view { 
		opacity: 0;
		background: url(../images/opacity-green.png);
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.scene .view a { display: block; padding-top: 155px; width: 100%; height: 100%;  }
	.scene .view a:hover { text-decoration: none;  }
	.scene .view img { display: inline-block; width: 62px; height: 62px;  }
	.scene .view span { color: #eafbf4; display: block; font-size: 24px; margin-top: 10px; }
	.scene .list-theme li:hover .view { opacity: 1;  }
	
	
	
	.scene1 { background: #f5f5f8 url(../images/scene2.png) no-repeat center 20px;  padding: 100px 0 40px 0; }
	.scene1 .list-theme { margin-right: -30px; overflow: hidden; }
	.scene1 .list-theme li { background-color: #fff; width: 580px; height: 160px; margin-right: 30px; position: relative; }
	.scene1 img { width: 580px; height: 266px; display: block; }
	.scene1 strong { display: inline-block; }
	.scene1 strong span { display: inline-block; padding-bottom: 8px; background-color:#2bdb93; font-size:36px; line-height:48px;padding:0 20px;}
	.scene1 .title, .scene .text { padding: 0 30px; }
	.scene1 .title { margin-top: 30px; text-align:center;}
	.scene1 .text { color: #5b5c5f; padding: 5px 0 0 125px; line-height: 2.2; }
	.scene1 .view { 
		opacity: 0;
		background: url(../images/opacity-green.png);
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.scene1 .view a { display: block; padding-top: 20px; width: 100%; height: 100%;  }
	.scene1 .view a:hover { text-decoration: none;  }
	.scene1 .view img { display: inline-block; width: 62px; height: 62px;  }
	.scene1 .view span { color: #eafbf4; display: block; font-size: 24px; margin-top: 10px; }
	.scene1 .list-theme li:hover .view { opacity: 1;  }

.news { height: 420px; padding-top: 60px; }
	.news > div.fl { width: 788px; }
		.news div.fl h2 { background: url(../images/newsCenter.png) no-repeat; width: 100%; height: 41px; margin-bottom: 30px; }
		.news-img, .news-img img { width: 320px; height: 230px; overflow: hidden; transition: all .2s ease-in;}
		.news-img:hover img { width: 380px; height: 290px; margin:-30px; opacity: .85; }
		.news-list { width: 448px;  margin-left: 20px; }
		
		.news .list {  padding-top: 42px; }
		.news .list a, .news .list .tail { color: #5b5c5f; font-size: 14px; }
		.news .list li { line-height: 2.6; }
		.news-list p { color: #818183; font-size: 14px; height: 40px; overflow: hidden; line-height: 1.5; padding-left: 35px; margin-top: 20px; text-align: justify; position: relative;}
		.news-list p span{ background-color: #fff; position: absolute; right: 0; bottom: -3px; width: 14px; }
		.news .list i { background-color: #14d787; display: inline-block; width: 5px; height: 5px; vertical-align: middle; margin-right: 5px;}
		.news-list h3 a { color: #07080d; font-size: 20px; line-height: 1; }
		.news-list span.posa { background-color: #eaeaea; color: #757a8b; font-size: 22px; width: 70px; height: 48px; line-height: 48px; text-align: center; top: 37px; left: -58px; opacity: .9; }
		.news-list span.posa span { font-size: 12px; }

	.news > div.fr { width: 382px; }
		.news > div.fr h2 { background: url(../images/video.png) no-repeat; height: 41px; margin-bottom: 30px; }
		.news-video { background: url(../images/video_bg.png) no-repeat; margin-left: 2px; width: 380px !important; height: 230px !important; }

.ft { background: url(../images/footer.png) no-repeat; background-size: cover; height: 179px; }
	.ft > div { width: 1200px; margin: 0 auto; padding-top: 36px;  }
	.ft p{ color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.7); vertical-align: top; }
	.ft span { display: block; padding-top: 20px; }
	.ft div.fl{ margin-top: -22px;  }
	.ft div.fl p { line-height: 2.5;  }
	.ft div.fl div p { padding: 10px 0 0 0; font-size: 14px; }
	.ft .ewm { padding-top: 5px;  }
	.ft .ewm span { color: #969698; font-size: 14px; text-align: center; }
	.ft .ewm .sina { margin-left: 10px;  }

.h2-title { border-bottom: 2px solid #2e2f33; color: #2e2f33; font-size: 24px; padding-bottom: 10px; margin-top: 30px; }
.h2-title span.fr { color: #6a6a6a; font-size: 14px; margin-top: 10px; }

.banner-about-us { background: url(../images/company-js.jpg) no-repeat center center; margin-top: 70px; width: 100%; height: 180px; }
	.about-us li { border-bottom: 1px solid #e0e0e0; padding: 30px 0; }
	.about-us .list-hot-image, .about-us .list-hot-image img { width: 300px; height: 190px; }
	.about-us .list-hot-content { padding-left: 320px; width: 1034px; height: 190px; }
	.about-us .list-hot-content a { color: #2e2f33; font-size: 20px; padding-top: 20px; }
	.about-us .list-hot-content p { padding-top: 20px; }
	.about-us .media-info, 
	.about-us .company-info,
	.about-us .treda-info
	{
		color: #fff; 
		font-size: 14px; 
		display: inline-block; 
		width: 72px; height: 28px; 
		vertical-align: top; 
		line-height: 28px;
		text-align: center; 
		position: relative; 
		top:-4px; 
		margin-right: 10px; 
	}

	.about-us .company-info { background: #3786f1; }
	.about-us .media-info { background: #f65d61; }
	.about-us .treda-info { background: #f2ab3c; }

	.about-us .list-host-introduction { color: #8e8e90; font-size: 16px; line-height: 2.2; }
	.about-us .tail { background: #5d5f65; color: #fff !important; font-size: 30px; width: 124px; height: 78px; text-align: center; line-height: 78px;  margin-top: 54px; }
	.about-us .tail span { font-size: 16px; }

	.about-us .list-hot { position: relative; transition: all .2s linear; }
	.about-us .list-hot > div.posa { background: url(../images/alpha.png); top: 0; left: 0; width: 100%; height: 100%; opacity: 0;  transition: all .2s linear; }
	.about-us .list-hot > div.posa a { background: url(../images/see.png) no-repeat center; display: block; width: 100%; height: 100%;  z-index: 5;}
	.about-us .list-hot:hover { background-color: #e2e2e3; }
	.about-us .list-hot:hover > div.posa { opacity: 1; }

.pages { font-size: 0; text-align: center; padding:60px 0; }
	.pages * { border:1px solid #e3e3e3; color: #333; display: inline-block; font-size: 12px; padding:0 17px; line-height: 34px; margin: 0 5px; }
	.pages *:hover { text-decoration: none; }
	.pages .on { background-color: #2bdb93; border-color: #2bdb93; color: #fff; }

.news-detail { background: #fff; padding: 20px 30px; margin: 110px auto 20px auto; width: 1000px; position: relative; }
	.nd-title { color: #6a6a6a; font-size: 14px; }
	.nd-title span.fl { background: url(../images/time.png) no-repeat; padding-left: 18px;height: 14px;line-height: 1.1; }
	.nd-title span.fr {  }
	.nd-content h2 { font-size: 42px; text-align: center; padding: 88px 0; }
	.nd-content p { color: #5b5c5f !important; font-size: 16px; text-align: justify; line-height: 2.2; }
	.nd-content img { margin:20px 0; max-width: 100%; }
	.share { position: fixed; margin-left: -100px;  }
	.share a { 
		background: url(../images/share.png) no-repeat; display: block; margin-bottom: 2px; width: 60px; height: 60px; 
		-webkit-transition-duration: .2s;
		transition-duration: .2s;
	}
	.share .share-ewm {
		background: url(../images/wechat-ewm.png) no-repeat;
		opacity: 0;
		position: absolute;
		left: 92%;
    		top: -116%;
		width: 216px;
		height: 205px;
		-webkit-transition-duration: .2s;
		transition-duration: .2s;
	}
	.share .share-ewm img { margin: 8px 0 0 20px; width: 185px; height: 185px; }

	.share .sina:hover { background-position: -61px 0; }

	.share .pyq { background-position: 0 -61px; position: relative; overflow: hidden; }
	.share .pyq:hover { background-position: -61px -61px; overflow: visible; }
	.share .pyq:hover .share-ewm { opacity: 1; }

	.share .qzone { background-position: 0 -122px; }
	.share .qzone:hover { background-position: -61px -122px; }

.job { color: #2e2f33; }
	.banner-job { background: url(../images/job.jpg) no-repeat center top; width: 100%; height: 180px; margin-top: 70px; }
	.join-us { background: url(../images/joinus.png) no-repeat center top; height: 330px; margin: 60px 0 70px 0; }
	.join-us .span1 { font-size: 22px; text-align: center; display: block; padding: 134px 0 0 0; text-indent: 30px; }
	.join-us .span2 { background: url(../images/user.png) no-repeat center top; font-size: 20px; display: block; text-align: center; line-height: 1.7; padding-top: 66px; margin-top: 44px; }

	.job-item { border-bottom: 1px solid #e0e0e0; color: #2e2f33; padding: 30px 0; position: relative; }
		.job-item > div.fl { padding-left: 20px; }
		.job-icon { background: #f65d61; width: 64px; height: 64px; color: #fff; font-size: 24px; text-align: center; line-height: 50px; }
		.job-icon:before { 
			content: ""; 
			position: absolute; 
			top: 69px;
			left: -1px;
			border: 10px solid transparent; 
			border-bottom-color: #fff;
			border-bottom-width: 15px;
			border-left-width: 33px;
			border-right-width: 33px;
		}
		.job-item p { color: #5b5c5f; line-height: 2.5;}
		.job-item h3 { font-size: 20px; margin-bottom: 10px; }
		.job-item h4 { font-size: 16px; margin: 10px 0; }
		.job-item h4 i { border:5px solid transparent; border-left-color: #2e2f33; display: inline-block; width: 0; height: 0; position: relative; top: -1px; }
		.job-item p span { min-width: 150px; text-align: left;  }

.business .pages { border-top: 1px solid #dedede; }
	.business-items { width: 890px; margin: 0 auto; padding: 30px 0 0 30px; }
	.business-items li {   margin:0 30px 30px 0; }
	.banner-business { background: url(../images/business.jpg) no-repeat center top; width: 100%; height: 180px; margin-top: 70px;   }
	.business-image { border: 1px solid #dedede; width: 185px; height: 185px; line-height: 178px; text-align: center; }
	.business-image img { max-width: 100%; max-height:100%; display: inline-block; vertical-align: middle; }
	.business-items a:hover { text-decoration: none; }
	.business-items span { color: #2e2f33; font-size: 16px; display: block; text-align: center; margin-top: 10px; line-height: 1.1; }

.banner-company { background: url(../images/company-js.jpg) no-repeat center top; width: 100%; height: 180px; margin-top: 70px; }
.banner-product { background: url(../images/product.jpg) no-repeat center top; width: 100%; height: 180px; margin-top: 70px; }

.yydsj { margin: 170px 0; }
	.yydsj .ellipsis { font-size: 22px; }
	.yydsj-line { border-left: 1px solid  #fcfaf9; border-right: 1px solid #d2b49c; width: 0; height: 110px; margin: 0 auto; position: relative; }
	.yydsj-line i { background: #cfaf96; display: block; width: 14px; height: 14px; border-radius: 14px; position: relative; left: -7px; margin-bottom: 96px; }
	.dsj-item-right, .dsj-item-left { position: absolute; background: #cfaf96; border-radius: 10px; color: #fff; padding: 20px 30px 5px 30px; white-space: nowrap;  top: -100%; left: 30px; }
	.dsj-item-right:after, .dsj-item-left:after { 
		content: "";
		position: absolute;
		border: 15px solid transparent;
		border-left-color: #cfaf96;
		bottom: -15px;
		left: 0px;
	}
	.dsj-item-right span, .dsj-item-left span { display: block; font-size: 16px; margin-bottom: 15px; max-width: 400px; }
	.dsj-item-left { background: #2bdb93; left: auto; right: 30px; }
	.dsj-item-left:after {
		content: "";
		position: absolute;
		border: 15px solid transparent;
		border-right-color: #2bdb93;
		bottom: -15px;
		right: 0px;
	} 

.more { 
	border-radius: 24px;
	border: 1px solid #747477;
	color: #747477;
	text-align: center;
	margin-top: 9px;
	width: 60px;
	height: 24px;
	line-height: 20px;
}
.more:hover {
	color:#27c584;
	border-color:#27c584;
	text-decoration: none;
}

.albums { overflow: hidden;  }
.album, .photos  { width: 1230px; padding: 0; margin: 30px 0; }
.album li,.photos li { background: #f8f8f8; position: relative;  overflow: visible; }
.album .business-image, .photos .business-image { margin: 6px; width: 265px; height: 185px; line-height: 180px; }
.album span { font-size: 16px; }
.album span.clearfix { margin: 6px; padding-top: 5px;  }
.album span.fl { width: 194px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left; }
.album .number { background: #eb6666; color: #fff; position: absolute; width: 50px; height: 34px; text-align: center; line-height: 34px; font-size:16px; top: 20px;  right: 20px; }
.album .shadow { background: url(../images/shadow.png) no-repeat; width: 273px; height: 27px; position: absolute; bottom: -8px; left: 2px; z-index:-1; }

.photos li { background:none;   }
.photos li img{
margin-right:10px;}
.photos .business-image { width: 265px; height: 185px;  }

.photo-box {
	background: url(../images/opacity-black.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.photo-content {
	background: #fff;
	text-align: center;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	width: 900px;
	height: 528px;
	line-height: 528px;
	z-index: 100;
}
.photo-content img { display: inline-block; vertical-align: middle; max-width: 100%;  }
.photo-box .close { 
	border-radius: 24px;
	background: url(../images/xxx.png) no-repeat center;
	position: fixed; z-index: 101; right: 10px; top: 10px; cursor: pointer; color: #fff;
	width: 44px;
	height: 44px;
}
.photo-box .close:hover{
	background-color: #6bd4ae;
}
.photo-box .previewPrev,.photo-box .previewNext {
	background: url(../images/photo-arrow.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	opacity: .5;
	width: 25px;
	height: 43px;
	z-index: 102;
}
.photo-box .previewPrev:hover , .photo-box .previewNext:hover {
	opacity: 1;
}
.photo-box .previewPrev { left: -64px; }
.photo-box .previewNext { right: -64px; background-position: -24px 0; }
.photo-box .count { 
	background: #000;
	color: #fff; 
	text-align: center;
	font-size: 14px;
	position: absolute;
	bottom: -50px; left: 50%;
	margin-left: -50px;
	width: 100px;
	height: 40px;
	line-height: 40px; 
	z-index: 102;
}

.company-video { background: #9a9a9a; margin: 40px auto 0 auto; width: 1000px; height: 600px; }
.video-list { padding: 30px 0 60px 0; position: relative; width: 1116px; margin: 0 auto;  }
.video-shadow { background: url(../images/video-shadow.png) no-repeat; color: #5b5c5f; font-size: 16px; line-height: 1.5; text-align: justify; width: 1000px; padding-top: 28px; margin: 0 auto;  }
.video-items li { background: #9a9a9a; margin: 0 10px; width: 352px; height: 210px; }
.video-prev,.video-next{ position: absolute; top: 50%; margin-top: -36px; width: 24px; height: 43px; cursor: pointer; }
.video-prev { 
	background: url(../images/black-left.png) no-repeat;
	left: -34px;
}
.video-next { 
	background: url(../images/black-right.png) no-repeat;
	right: -34px;
}
#services{width:100%; overflow:hidden; position:relative; height:405px;}
.services_title{text-align:center; padding-top:30px; overflow:hidden;}
.services_con{ margin:45px auto 0 auto; overflow:hidden; background:#fff; padding:0 10px;}

.services_con{width:1200px;}
.services_con ul{width:1464px; overflow:hidden; }
.services_con li{float:left; width:204px; height:260px; margin-right:48px; text-align:center; display:inline;}
.services_con li a{display:block; width:204px;}
.services_con li a:hover h3{color:#0076db;}
.services_con li a:hover p{color:#333;}
.services_ico{margin:0 auto; width:130px; height:130px;}
.services_ico div{display:block; width:130px; height:130px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.services_ico01{background:url(../images/search_ico.png) no-repeat;}
.services_ico02{background:url(../images/search_ico.png) -130px 0 no-repeat;}
.services_ico03{background:url(../images/search_ico.png) -260px 0 no-repeat;}
.services_ico04{background:url(../images/search_ico.png) -390px 0 no-repeat;}
.services_ico05{background:url(../images/search_ico.png) -520px 0 no-repeat;}
.services_ico06{background:url(../images/search_ico.png) -650px 0 no-repeat;}
.services_ico01 div{background:url(../images/search_ico.png) 0 -130px no-repeat;}
.services_ico02 div{background:url(../images/search_ico.png) -130px -130px  no-repeat;}
.services_ico03 div{background:url(../images/search_ico.png) -260px -130px no-repeat;}
.services_ico04 div{background:url(../images/search_ico.png) -390px -130px no-repeat;}
.services_ico05 div{background:url(../images/search_ico.png) -520px -130px no-repeat;}
.services_ico06 div{background:url(../images/search_ico.png) -650px -130px no-repeat;}
.services_con li h3{margin-top:25px; font-size:18px; font-weight:normal; color:#333; line-height:24px;}
.services_con li h3 span{font-size:14px;}
.services_con li p{line-height:22px; color:#666666; margin-top:5px;}

#services_pop{position:absolute; z-index:999; top:115px; left:0; display:none; width:100%; height:290px; overflow:hidden; background:#fff;}
.services_popcon{width:100%; margin:0 auto; height:290px; position:relative;}
.services_poptabcon li{display:none; width:100%; height:290px; position:absolute; top:0px; left:0; overflow:hidden;}
.services_poptabconbg01 .services_popcontainer,.services_poptabconbg01{background:url(../images/services_poptabconbg01.jpg) 50% 0 no-repeat;}
.services_poptabconbg02 .services_popcontainer,.services_poptabconbg02{background:url(../images/services_poptabconbg02.jpg) 50% 0 no-repeat;}
.services_poptabconbg03 .services_popcontainer,.services_poptabconbg03{background:url(../images/services_poptabconbg03.jpg) 50% 0 no-repeat;}
.services_poptabconbg04 .services_popcontainer,.services_poptabconbg04{background:url(../images/services_poptabconbg04.jpg) 50% 0 no-repeat;}
.services_poptabconbg05 .services_popcontainer,.services_poptabconbg05{background:url(../images/services_poptabconbg05.jpg) 50% 0 no-repeat;}
.services_poptabconbg06 .services_popcontainer,.services_poptabconbg06{background:url(../images/services_poptabconbg06.jpg) 50% 0 no-repeat;}
.services_popcontainer{width:1000px; margin:0 auto;height:290px; position:relative; z-index:2;}

.services_popcontainer_pop01{position:absolute; top:105px; left:563px; line-height:18px; color:#666;}
.services_popcontainer_pop01 h3{margin-bottom:10px; font-size:18px; font-weight:normal; color:#000;}
.services_popcontainer_pop02{position:absolute; top:75px; left:658px; line-height:18px; color:#666;}
.services_popcontainer_pop02 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}
.services_popcontainer_pop03{position:absolute; top:128px; left:440px; line-height:18px; color:#357499;}
.services_popcontainer_pop03 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}
.services_popcontainer_pop04{position:absolute; top:128px; left:440px; line-height:18px; color:#7d6471;}
.services_popcontainer_pop04 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}
.services_popcontainer_pop05{position:absolute; top:140px; left:462px; line-height:18px; color:#7d6471;}
.services_popcontainer_pop05 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}
.services_popcontainer_pop06{position:absolute; top:145px; left:85px; line-height:18px; color:#357499;}
.services_popcontainer_pop06 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}

/*
.services_poptabcon li h3{width:580px; margin-left:70px; line-height:30px; font-size:18px; color:#fff; font-weight:normal; margin-top:5px;}
.services_poptabcon li h4{width:580px; margin-left:70px; line-height:30px; font-size:14px; color:#fff; font-weight:normal;}
.services_poptabcon li p{width:580px; margin-left:70px; line-height:24px; font-size:14px; color:#666; margin-top:15px;}
*/
.searchpop_ico{position:absolute; top:0; right:78px;}
.services_poptabbtn{position:absolute; bottom:15px; left:0; text-align:center; width:100%; z-index:4;}
.services_poptabbtn a{width:12px; height:12px; font-size:1px; line-height:1px; display:inline-block; margin:0 3px; zoom:1; background:url(../images/services_poptabbtn.png) 0 0 no-repeat; _background:none; _background:url(../images/services_poptabbtn.gif) 0 0 no-repeat;}
.services_poptabbtn a.active{background:url(../images/services_poptabbtn.png) 0 -15px no-repeat; _background:none; _background:url(../images/services_poptabbtn.gif) 0 -15px no-repeat;}
.services_popclose{position:absolute; z-index:4; top:10px; left:50%; margin-left:460px; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;}

.services_popclose{margin-left:580px;}
.services_popclose:hover{background:#fff000 url(../images/indexicon.png) 0 -80px no-repeat;}




.project_title{text-align:center; padding-top:30px; width:100%; overflow:hidden; position:relative;}
.project_title_more{position:absolute; top:40px; width:22px; height:22px; background:url(../images/moreico.png) no-repeat; display:block; left:100%; margin-left:70px;}
.project_title_more:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.projectbg{width:100%; background:#f8f8f8; overflow:hidden; padding-bottom:30px; margin-top:10px;}
.project_pic {width:960px; margin:20px auto 0 auto; overflow:hidden; }

.project_pic{width:1200px;}        /* add */
.project_pic ul{position:relative; width:975px; height:395px;}

.project_pic ul{width:1215px; height:384px;}     /* add */
.project_pic li{width:100%; height:395px; overflow:hidden; overflow:hidden; position:absolute; top:0; left:0;}

.project_pic li{height:auto; }          /* add */
.project_pic li .project_box{float:left; margin-right:15px; margin-top:15px;}
.project_box {width:310px; height:190px; overflow:hidden; display:block;}
.dn{display:none;}
.project_box{width:288px; height:177px;}         /* add */
.project_pop{height:36px; padding:10px 0 10px 15px; display:none; background:url(../images/searchpopbg.png) repeat; overflow:hidden; line-height:18px; position:relative;box-sizing: content-box;}
.project_pop h3{font-size:14px; color:#c1c5cb; font-weight:normal; height:18px; overflow:hidden; padding-right:50px;}
.project_pop p{color:#fc0; margin-top:3px;}
.project_pop i{width:26px; height:19px; background:url(../images/indexicon.png) 0 -60px no-repeat; display:block; position:absolute; right:10px; top:18px;}
.project_btn{text-align:center; margin-top:35px;}
.project_btn a{width:12px; height:12px; background:url(../images/indexicon.png) no-repeat; font-size:1px; line-height:1px; display:inline-block; margin:0 9px; zoom:1;}
.project_btn a.active{background:url(../images/indexicon.png) 0 -15px no-repeat;}
.project_img img{width:310px; height:190px;}

.project_img img{width:288px; height:177px;}     /* add */



.about_title{text-align:center; padding-top:30px;  overflow:hidden;}
.about_list{width:960px; margin:30px auto 0 auto; overflow:hidden;}

.about_list{width:1200px;}        /* add */
.about_list ul{overflow:hidden; width:975px; height:155px;}

.about_list ul{width:1215px; height:144px;}     /* add */
.about_list li{float:left; margin-right:15px; overflow:hidden; width:310px; height:155px;}

.about_list li{width:288px; height:144px;}     /* add */
.about_list img{width:310px; height:155px;}

.about_list img{width:288px; height:144px;}     /* add */

.about_list li:hover img{
-webkit-transform:scale(1.08,1.08);
-moz-transform:scale(1.08,1.08);
-ms-transform:scale(1.08,1.08);
-o-transform:scale(1.08,1.08);
transform:scale(1.08,1.08);
-webkit-transition-duration:200ms;
-moz-transition-duration:200ms;
-o-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}

#about{padding-bottom:35px;}
.about_int{width:960px; margin:25px auto 15px auto; height:45px; line-height:30px; font-size:14px; color:#797979; position:relative; overflow:hidden;}

.about_int{width:1200px;}     /* add */
.about_intbg{background:url(../images/about_intbg.png) 50% 0 repeat-y;}
.about_btn{position:absolute; left:-5%; margin-left:-23px; bottom:0px; width:45px; height:45px; background:url(../images/indexicon.png) -550px 0 no-repeat; display:block;}
.about_btn span{ width:45px; height:45px; background:url(../images/indexicon.png) -550px -50px no-repeat; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.about_pop{padding-bottom:25px; background:#fff url(../images/about_popbg.jpg) 50% 0 no-repeat; position:relative; z-index:2; display:none;}
.about_pop_top{width:960px; height:250px; position:relative; margin:0 auto;}

.about_pop_top{width:1200px; }     /* add */
.about_popclose{position:absolute; top:15px; right:0; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;}
.about_pop_top h3{position:absolute; top:33px; left:42px;}
.about_pop_top .about_pop_int{position:absolute; top:80px; left:42px; line-height:24px; width:295px; color:#fff;}
.about_pop_tab{position:absolute; right:0; top:128px;}
.about_pop_tab li{margin:0 13px; width:83px; float:left;}
.about_pop_tab li a{display:block; width:83px; height:83px; text-align:center; color:#ccc; line-height:20px; cursor:pointer; background:url(../images/aboutpop_tabico.png);}
.about_pop_tab li a.about_pop_tab01{background-position:0 -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch01.png');}
.about_pop_tab li a.about_pop_tab02{background-position:-85px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch02.png');}
.about_pop_tab li a.about_pop_tab03{background-position:-170px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch03.png');}
.about_pop_tab li a.about_pop_tab04{background-position:-255px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch04.png');}
.about_pop_tab li.active .about_pop_tab01,.about_pop_tab li a.about_pop_tab01:hover {background-position:0 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico01.png');}
.about_pop_tab li.active .about_pop_tab02,.about_pop_tab li a.about_pop_tab02:hover {background-position:-85px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico02.png');}
.about_pop_tab li.active .about_pop_tab03,.about_pop_tab li a.about_pop_tab03:hover {background-position:-170px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico03.png');}
.about_pop_tab li.active .about_pop_tab04,.about_pop_tab li a.about_pop_tab04:hover {background-position:-255px 0;_background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico04.png');}
/*
.about_pop_tab li a span{height:29px; display:block;}
.about_pop_tab li a i{width:83px; height:83px; display:block; background:url(../images/aboutpop_tabico.png) -83px 0 no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicochie6.png');}
*/
.about_pop_tab li.active a{color:#fff;}
.about_pop_tab li.active a i{background:url(../images/aboutpop_tabico.png) 0 100% no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicoie6.png')}
.about_pop_tab li a:hover{color:#fff;}
.about_pop_con{width:960px; position:relative; margin:0 auto;}

.about_pop_con{width:1200px;}     /* add */
.about_pop_con li{display:none;}

.about_pop_con01{position:relative; width:100%;}
.about_pop_aboutlogo{position:absolute; top:5px; left:0;}
.about_pop_about{margin-left:330px; font-size:14px; line-height:27px; color:#666;}
.about_pop_about h3{font-size:40px; font-size:20px; color:#333; font-weight:normal; margin-bottom:10px;}
.about_pop_con03 img{width:100%;}

.about_pop_job{width:23%; float:left; margin-right:2%; line-height:24px; color:#999;}
.about_pop_job h3{font-size:18px; margin-bottom:10px; color:#000; font-weight:normal;}
.about_pop_job p{padding:10px 0;}
.about_pop_client{margin-right:1px; margin-top:1px;}
.about_pop_client dd{width:16.5%; float:left; margin-left:-1px; margin-top:-1px; display:inline; border:1px solid #efefef}
.about_pop_client dd img{width:100%;}

.newsbg{width:100%; padding:40px 0; background:#f8f8f8;}
.news{width:960px; margin:0 auto;}

.news{width:1200px;}      /* add */
.news_box{width:30%; overflow:hidden;}
.news_line{width:4.5%; border-left:1px solid #e6e5e5; height:310px; float:left;}
.news_title{line-height:26px;}
.news_title a{font-size:24px; color:#797979;}
.news_title span{font-size:18px; color:#fda362; line-height:20px;}
.news_title a:hover{color:#fda362;}
.news_list{margin-top:10px;}
.news_list li{line-height:30px; color:#a3a3a3; width:85%; float:left;}
.news_list li a{color:#333; width:60%; overflow:hidden; height:24px; display:block;}
.news_list li a:hover{color:#0076db;}
.news_list span{float:right;}
.xiaoyu_right {
  position: absolute;
  right: 5px;
  top: 10px;
}
.z{float:left;}.y{float:right;}
.xiaoyu_rz { margin-left:80px; overflow:hidden;}
.xiaoyu_rz li{ margin-bottom:20px; color:#fff}
.xiaoyu_rz li p{ line-height:19px;}
.xiaoyu_rz li h3{ color:#FF0000; font-size:14px; font-weight:100}
.xiaoyu_rz span{ background:#B32A2A; color:#fff; border-radius:2px; padding:2px 8px; margin-left:10px; font-size:10px;}
.xiaoyu_rz span a{ color:#FFF;}
.xiaoyu_ds a{ display:block; width:130px; height:130px; border-radius:100%;}.xiaoyu_ds_btn{ border:15px #FC623E solid; width:100px; background:#FFF; height:100px; line-height:100px; text-align:center; font-size:35px; color:#FD613B; font-weight:bold; border-radius:100%;box-sizing: content-box; margin-left: -4px; margin-top: -3px;}.xiaoyu_ds_btn2{ color:#2A90F5; border-color:#2D90F5} .xiaoyu_ds a:hover .xiaoyu_ds_btn{ border:15px #C4252A solid; width:100px; height:100px; border-radius:100%; margin-left: -4px; margin-top: -3px;}
.project_btn a {
  background: #DADADA;
  border-radius:50%;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 17px;
  margin: 0 9px;
  width: 18px;
  text-align:center;
  color:#FFF;
}
.project_btn a.active {
  background:#047BD7;
  color:#FFF;
}
.contactbg{width:100%; height:220px; overflow:hidden; background:url(../images/contactbg.jpg) 50% 0 no-repeat;}
.contact{width:960px; margin:0 auto; position:relative;}
.contact {
    width: 1200px; 
}
.message {
    background-color: #ffc;
    border: 1px solid #fd9;
    margin: 1em 0;
    overflow: hidden;
    padding: 10px 20px;
}
.in_abuot_con_c{margin-top:15px;}
.message{width:45%;}
.message h3{font-size:30px; color:#c1c5cb; font-weight:normal; line-height:36px;}
.message h4{font-size:24px; color:#fb963d; font-weight:normal; line-height:36px;}
.message_form{margin-top:15px;}
.message_name{width:40%; height:32px; line-height:32px; float:left; background:#7d7d7d; border:0; color:#fff; padding-left:5px;}
.message_tel{width:55%; height:32px; line-height:32px; float:right; background:#7d7d7d; border:0; color:#fff; padding-left:5px;}
.message_content{width:98%; padding:1%; overflow:hidden; height:120px; background:#7d7d7d; border:0; color:#fff;}
.message_btn{width:123px; height:41px; background:url(../images/indexicon.png) -425px 0 no-repeat; border:0; cursor:pointer; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ float:left; 
margin-right:20px;}

.message_btn:focus{-moz-outline-style: none; /* FF */}
.message_btnch{width:123px; height:41px; background:url(../images/indexicon.png) -425px -45px no-repeat; border:0; cursor:pointer;}
.message_about{color:#ffff00; font-size:14px; height:41px; line-height:41px;}
.contact_map{position:absolute; top:80px; right:75px;}